<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title id="webtitle"></title>
	<script type="text/javascript" src="../public/maincss.js"></script>
	<script type="text/javascript" src="../public/main.js"></script>

</head>
<body >
<!--头部开始-->
<div id="header"></div>
<!--头部结束-->
<!--内容开始-->
<style>
	input{
		line-height:40px;
		height:40px;
	}
</style>
<div id="hl-body">
	<div id="content">
		<div class="shoppingcart_center" >
			<div class="register_shoppingcart_center">
				<div class="shoppingcart_center2">
					<div class="payment_center0">
						<ul class="register_shoppingcart_center1">
							<li class="register_shoppingcart_center1_left">创建帐户</li>
							<li class="register_shoppingcart_center1_right">已有账户，
								<a href="../login.html">马上登录</a></li>
						</ul>
						<span id="regmsg" class="register_error"></span>
						<div class="register_shoppingcart_center2">
							<div class="register_shoppingcart_center2_1">
									<ul class="register_shoppingcart_center2_1text">
										<li class="register_shoppingcart_center2_4text">
											<input type="radio" name="userType" value="0" checked="checked" /> 个人
											&nbsp;&nbsp;&nbsp;&nbsp;
											<input type="radio" name="userType" value="1" /> 企业
										</li>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_shoppingcart_center2_1text">
										<li class="register_shoppingcart_center2_4text">
											<div class="inp-m">
												<span class="mm-icon"></span>
												<input align="middle" id="txtUserName" name="" value="" type="text" autocomplete="off" class="register_shoppingcart_center2_2text inp-t" placeholder="请输入您的会员名">
												<div class="clear"></div>
											</div>
											<div class="clear"></div>
										</li>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_prompt">
										<li class="register_msg msg2">输入5-16位会员名，只能包含字母或数字，不能纯数字，例：hl123</li>
									</ul>
									<ul class="register_shoppingcart_center2_1text">
										<li class="register_shoppingcart_center2_4text">
											<div class="inp-m">
												<span class="mm-icon"></span>
												<input id="txtPassWord" name="" type="password" class="register_shoppingcart_center2_2text" placeholder="请设置帐号密码">
												<div class="clear"></div>
											</div>
											<div class="clear"></div>
										</li>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_prompt">
										<li class="register_msg msg2"><span v-if="userSet.passLevel=='1'">输6-16位密码，由大写字母+小写字母+数字或者字母+数字+符号组成，例：Abc!@123</span><span v-if="userSet.passLevel=='2'">输6-16位密码，至少包括字母+数字组成，例：abc123</span></li>
									</ul>
									<ul class="register_shoppingcart_center2_1text">
										<li class="register_shoppingcart_center2_4text">
											<div class="inp-m">
												<span class="mm-icon"></span>
												<input id="txtPassConfirm" type="password" class="register_shoppingcart_center2_2text" placeholder="请确认帐号密码">
												<div class="clear"></div>
											</div>
										</li>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_prompt">
										<li class="register_msg msg2">两次密码需保持一致</li>
									</ul>
									<ul class="register_shoppingcart_center2_1text" v-show="userSetEmail.show">
										<li class="register_shoppingcart_center2_4text">
											<div class="inp-m">
												<span></span>
												<input id="txtEmail" type="text" class="register_shoppingcart_center2_2text inp-t" placeholder="请输入您的邮箱">
												<div class="clear"></div>
											</div>
											<div class="clear"></div>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_prompt" v-show="userSetEmail.show">
										<li class="register_msg msg2">填写真实邮箱，以便及时接收我们的通知，用于会员账户验证或找回密码</li>
									</ul>
									<ul class="register_shoppingcart_center2_1text" style="margin-bottom: 15px;"  v-show="userSetEmail.auth">
										<el-input v-model="form.verificationCodeMail" placeholder="请输入邮箱认证码" style="width: 199px"></el-input>
										<el-button icon="el-icon-message" @click="sendRegisterCodeMail" style="width: 135px;font-size: 12px;" type="primary"  >
											<span v-show="showMail">获取邮箱认证码</span>
											<span v-show="!showMail" class="countMail">{{countMail}} s</span>
										</el-button>
									</ul>

									<ul class="register_shoppingcart_center2_1text" v-show="userSetMobile.show">
										<li class="register_shoppingcart_center2_4text">
											<div class="inp-m">
												<span class="sj-icon"></span>
												<input id="txtMobile" value="" type="text" class="register_shoppingcart_center2_2text" placeholder="请输入手机号码">
												<div class="clear"></div>
											</div>
										</li>
										<li class="register_msg"></li>
										<div class="clear"></div>
									</ul>
									<ul class="register_prompt" v-show="userSetMobile.show">
										<li class="register_msg msg2">及时接收我们的通知短信</li>
									</ul>
									<ul class="register_shoppingcart_center2_1text" style="margin-bottom: 15px;"  v-show="userSetMobile.auth">
										<el-input v-model="form.verificationCodeMobile" placeholder="请输手机认证码" style="width: 199px"></el-input>
										<el-button icon="el-icon-mobile-phone" @click="sendRegisterCode" style="    width: 135px;font-size: 12px;" type="primary"  >
											<span v-show="show">获取手机认证码</span>
											<span v-show="!show" class="count">{{count}} s</span>
										</el-button>
									</ul>
									<ul class="register_shoppingcart_center2_1text" v-show="userSet.randCode">
										<li class="register_shoppingcart_center2_7text">
											<input type="text" id="registercode" name="verifyCode" class="register_shoppingcart_center2_2text" style="    width: 195px;" placeholder="请输入验证码">
											<img id="imgcode" style="float:left;margin-right:10px;margin-left: 10px;width: 120px;" class="bf-img-code" src="../images/loading.gif" onClick="refreshVcode();" title="点击刷新">
											<span id="codemsg" class="register_msg"></span>
										</li>
									</ul>
									<ul class="register_shoppingcart_center2_1text pb-20">
										<li class="reg_li">
											<input id="agreeBox" type="checkbox" checked="checked" class="agree_box">我已阅读并同意
											<a href="../notice/serviceagree.html?flag=uregprotocol" id="comserver"></a></li>
										<label style="display: none;" id="regmblLink_lb"></label>
									</ul>
									<ul>
										<li><input type="button" onClick="regMember(this)"  class="register_shoppingcart_center1_buttom" value="确认注册" id="subfrom"/>
											<input type="button" class="register_shoppingcart_center1_buttom" value="正在注册" id="button_hide" style="background: #EAEAEE;color: #000000;display: none;" >
											<p class="load" id="miao"></p>
											<div class="clear"></div>
										</li>
									</ul>
							</div>
							<div class="register_shoppingcart_center2_2">
								<p class="register_shoppingcart_center2_201">
								<div class="register_shoppingcart_center2_202">
									<i></i>
									<dl>
										<dt>注册成功
											<br>关注微信号：慧林云
											<br>领取新人大礼包</dt>
										<dd></dd>
									</dl>全国知名IDC软件提供商；
									<br>产品稳定、数据可靠
									<br>抛弃繁琐、快速管理；
									<br>完善的7*24小时不间断技术支持；
									<br>首创金牌服务，让您省心更安心！
									<br>
									<br>注册成功，即享多种优惠！</div></div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--内容结束-->
<!--底部开始-->
<div id="footer"></div>
<!--底部结束-->
<script type="text/javascript" src="js/register.js"></script>
</body>
